body {
    position: relative;
    width: 100%;
    height: 100%;
    color: black;
    font-family: "Proxima N W01 Reg", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding-top: 52px;
    background-color: white;
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B567f376f-9aa6-4cc6-81e1-706e24fe4f97%7D_main-bg.jpg);
    background-size: 1300px auto;
    background-position: center 52px;
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

@media only screen and (min-width: 768px) {
    body {
        padding-top: 116px;
        background-size: 1800px auto;
        background-position: center 116px
    }
}

@media only screen and (min-width: 992px) {
    body {
        padding-top: 74px;
        background-size: 2200px auto;
        background-position: center 74px
    }
}

@media only screen and (min-width: 1200px) {
    body {
        padding-top: 83px;
        background-size: 2800px auto;
        background-position: center 83px
    }
}

@media only screen and (min-width: 1200px) and (max-height: 772px) {
    body {
        padding-top: 76px;
        background-size: 2600px auto;
        background-position: center 40px
    }
}

footer:before,
footer:after,
form:before,
form:after,
header:before,
header:after,
nav:before,
nav:after,
section:before,
section:after,
.headline:after {
    content: "";
    display: table;
    clear: both
}

.clear:before,
.clear:after {
    content: "";
    display: table;
    clear: both
}

.cta,
button,
h1,
h2,
h3,
h4,
h5 {
    font-family: "Proxima N W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 15px
}

h1 {
    color: white;
    font-family: "Proxima N W01 At Xbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 33px;
    margin: 0 0 25px 0;
    line-height: 1
}

@media only screen and (min-width: 414px) {
    h1 {
        font-size: 36px
    }
}

@media only screen and (min-width: 768px) {
    h1 {
        font-size: 42px
    }
}

@media only screen and (min-width: 992px) {
    h1 {
        font-size: 48px
    }
}

@media only screen and (min-width: 1200px) {
    h1 {
        font-size: 65px
    }
}

h2,
.h2 {
    font-family: "Proxima N W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin: 0
}

@media only screen and (min-width: 768px) {
    h2,
    .h2 {
        font-size: 28px
    }
}

@media only screen and (min-width: 992px) {
    h2,
    .h2 {
        font-size: 32px
    }
}

@media only screen and (min-width: 1200px) {
    h2,
    .h2 {
        font-size: 44px
    }
}

h3,
.h3 {
    font-size: 26px
}

@media only screen and (min-width: 768px) {
    h3,
    .h3 {
        font-size: 28px
    }
}

@media only screen and (min-width: 992px) {
    h3,
    .h3 {
        font-size: 32px
    }
}

@media only screen and (min-width: 1200px) {
    h3,
    .h3 {
        font-size: 48px
    }
}

h4,
.h4 {
    font-size: 20px
}

@media only screen and (min-width: 768px) {
    h4,
    .h4 {
        font-size: 18px
    }
}

@media only screen and (min-width: 1200px) {
    h4,
    .h4 {
        font-size: 28px
    }
}

p,
ul li {
    font-size: 14px;
    line-height: 1.1
}

@media only screen and (min-width: 768px) {
    p,
    ul li {
        font-size: 15px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 992px) {
    p,
    ul li {
        font-size: 17px;
        line-height: 1.2
    }
}

@media only screen and (min-width: 1200px) {
    p,
    ul li {
        font-size: 18px;
        line-height: 1.3
    }
}

p {
    margin-bottom: 15px
}

p strong {
    font-family: "Proxima N W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal
}

p.larger {
    font-size: 17px
}

@media only screen and (min-width: 768px) {
    p.larger {
        font-size: 18px
    }
}

@media only screen and (min-width: 992px) {
    p.larger {
        font-size: 22px
    }
}

@media only screen and (min-width: 1200px) {
    p.larger {
        font-size: 26px
    }
}

a {
    text-decoration: none
}

a:active,
a:hover {
    text-decoration: none
}

a:focus {
    outline: 0;
    text-decoration: none
}

section {
    position: relative;
    padding: 0
}

.anchor {
    position: absolute;
    top: -52px
}

@media only screen and (min-width: 768px) {
    .anchor {
        top: -116px
    }
}

@media only screen and (min-width: 992px) {
    .anchor {
        top: -66px
    }
}

@media only screen and (min-width: 1200px) {
    .anchor {
        top: -83px
    }
}

@media only screen and (min-width: 1200px) and (max-height: 772px) {
    .anchor {
        top: -68px
    }
}

.blue {
    color: #00C9FF
}

.grey-bg {
    background-color: #ccc
}

.white-bg {
    background-color: white
}

header {
    position: relative;
    z-index: 5
}

.navbar {
    margin: 0;
    border: 0
}

.navbar.navbar-default {
    background-color: #666
}

.navbar.navbar-default .navbar-collapse {
    border: 0;
    max-height: 362px
}

@media only screen and (min-width: 768px) {
    .navbar.navbar-default .navbar-nav {
        width: 100%;
        margin: 0 auto 14px;
        text-align: center
    }
}

@media only screen and (min-width: 992px) {
    .navbar.navbar-default .navbar-nav {
        width: auto;
        margin: 20px 0
    }
}

@media only screen and (min-width: 1200px) {
    .navbar.navbar-default .navbar-nav {
        width: auto;
        margin: 25px 0
    }
}

@media only screen and (min-width: 1200px) and (max-height: 772px) {
    .navbar.navbar-default .navbar-nav {
        margin: 22px 0
    }
}

@media only screen and (min-width: 768px) {
    .navbar.navbar-default .navbar-nav>li {
        display: inline-block;
        text-align: left;
        float: none
    }
}

.navbar.navbar-default .navbar-nav>li>a {
    position: relative;
    font-family: "Proxima N W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media only screen and (min-width: 768px) {
    .navbar.navbar-default .navbar-nav>li>a {
        font-size: 14px;
        padding: 6px 6px
    }
}

@media only screen and (min-width: 992px) {
    .navbar.navbar-default .navbar-nav>li>a {
        font-size: 16px;
        padding: 6px 8px
    }
}

@media only screen and (min-width: 1200px) {
    .navbar.navbar-default .navbar-nav>li>a {
        font-size: 18px;
        padding: 6px 10px
    }
}

@media only screen and (min-width: 768px) {
    .navbar.navbar-default .navbar-nav>li>a:after {
        position: absolute;
        content: "";
        top: 30%;
        right: -3px;
        bottom: 30%;
        width: 2px;
        background-color: #00C9FF
    }
}

.navbar.navbar-default .navbar-nav>li>a:focus,
.navbar.navbar-default .navbar-nav>li>a:hover {
    color: #dbd9d6;
    background-color: transparent
}

.navbar.navbar-default .navbar-nav>li:last-of-type>a:after {
    display: none
}

.navbar.navbar-default .navbar-nav>.active>a,
.navbar.navbar-default .navbar-nav>.active>a:focus,
.navbar.navbar-default .navbar-nav>.active>a:hover {
    color: #00C9FF;
    background-color: transparent
}

.navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.9)
}

@media only screen and (min-width: 768px) {
    .navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu {
        width: 240px
    }
}

@media only screen and (min-width: 992px) {
    .navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu {
        width: 260px
    }
}

.navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu li span {
    display: block;
    color: white;
    font-family: "Proxima N W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4)
}

@media only screen and (min-width: 992px) {
    .navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu li span {
        font-size: 15px
    }
}

.navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu li a {
    color: white;
    margin: 0;
    padding: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media only screen and (min-width: 992px) {
    .navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu li a {
        font-size: 15px
    }
}

.navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu li a:hover,
.navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu li a:focus {
    font-family: "Proxima N W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #00C9FF;
    background-color: transparent
}

.navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu li a:active {
    background-color: rgba(0, 201, 255, 0.4)
}

.navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu li:last-of-type a {
    border: 0
}

.navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu li.active a {
    background-color: rgba(0, 201, 255, 0.4)
}

.navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu li.active a:hover,
.navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu li.active a:focus {
    color: white;
    font-family: "Proxima N W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #00C9FF;
    background-color: transparent
}

.navbar.navbar-default .navbar-nav.navbar-right .dropdown-menu li.active a:active {
    background-color: rgba(0, 201, 255, 0.4)
}

.navbar.navbar-default .navbar-toggle {
    border: 0
}

.navbar.navbar-default .navbar-toggle .icon-bar {
    background-color: white
}

.navbar.navbar-default .navbar-toggle:focus,
.navbar.navbar-default .navbar-toggle:hover {
    background-color: transparent
}

.navbar.navbar-default .navbar-toggle:focus .icon-bar,
.navbar.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #7e868c
}

.navbar .navbar-header .navbar-brand {
    width: 100px;
    height: auto
}

.navbar .navbar-header .navbar-brand img {
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .navbar .navbar-header .navbar-brand {
        display: block;
        width: 136px;
        float: none;
        margin: 0 auto;
        padding: 15px 0
    }
}

@media only screen and (min-width: 1200px) {
    .navbar .navbar-header .navbar-brand {
        padding: 20px 0
    }
}

@media only screen and (min-width: 1200px) and (max-height: 772px) {
    .navbar .navbar-header .navbar-brand {
        padding: 16px 0
    }
}

@media only screen and (min-width: 768px) {
    .navbar .navbar-header {
        float: none
    }
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-header {
        float: left
    }
}

section,
.section-content {
    padding: 30px 0
}

@media only screen and (min-width: 768px) {
    section,
    .section-content {
        padding: 30px 0
    }
}

@media only screen and (min-width: 992px) {
    section,
    .section-content {
        padding: 60px 0
    }
}

@media only screen and (min-width: 1200px) {
    section,
    .section-content {
        padding: 80px 0;
        /*Edit*/
    }
}

.video-player-holder {
    position: relative;
    background-color: black
}

.video-player-holder a {
    display: block;
    padding: 0
}

.video-player-holder a img.play-video {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1
}

.video-player-holder a img.video-thumb {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.video-player-holder a span {
    display: block;
    width: 100%;
    color: white;
    font-family: "Proxima N W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    padding: 14px;
    border: 0;
    background: #00C9FF;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.video-player-holder a span:after {
    font-family: "FontAwesome";
    content: "\f105";
    margin-left: 15px
}

.video-player-holder a:hover img.video-thumb {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.video-player-holder a:hover span {
    color: white;
    background: black
}

.video {
    display: block;
    width: 240px;
    margin: 0 auto 30px
}

@media only screen and (min-width: 600px) {
    .video {
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .video {
        width: 100%;
        margin: 0 auto 30px
    }
}

.video h3,
.video h4,
.video a {
    margin: 0;
    padding: 0;
    font-size: 15px
}

@media only screen and (min-width: 1200px) {
    .video h3,
    .video h4,
    .video a {
        font-size: 16px
    }
}

.video h3 {
    color: #00C9FF
}

@media only screen and (min-width: 1200px) {
    .video h3 {
        font-size: 16px
    }
}

.video h3 br {
    display: none
}

@media only screen and (min-width: 992px) {
    .video h3 br {
        display: block
    }
}

@media only screen and (min-width: 1200px) {
    .video h3 br {
        display: none
    }
}

.video h4 {
    display: block;
    width: 100%;
    font-family: "Proxima N W01 Reg", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 15px
}

@media only screen and (min-width: 600px) {
    .video h4 {
        font-size: 14px
    }
}

@media only screen and (min-width: 992px) {
    .video h4 {
        font-size: 15px
    }
}

@media only screen and (min-width: 1200px) {
    .video h4 {
        font-size: 16px
    }
}

.video img {
    display: block;
    width: 100%;
    height: auto
}

.header {
    padding: 0;
    overflow: hidden
}

.header .headline {
    position: relative;
    min-height: 330px;
    margin: 20px 0;
    padding-top: 0
}

@media only screen and (min-width: 768px) {
    .header .headline {
        min-height: 330px;
        margin: 50px 0;
        padding-top: 60px
    }
}

@media only screen and (min-width: 992px) {
    .header .headline {
        min-height: 430px;
        margin: 50px 0;
        padding-top: 60px
    }
}

@media only screen and (min-width: 1200px) {
    .header .headline {
        min-height: 530px;
        margin: 90px 0 50px;
        padding-top: 40px
    }
}

@media only screen and (min-width: 1200px) and (max-height: 772px) {
    .header .headline {
        min-height: 400px;
        margin: 60px 0;
        padding-top: 0
    }
}

@media only screen and (min-width: 414px) {
    .header h1 {
        margin-right: 20%
    }
}

@media only screen and (min-width: 600px) {
    .header h1 {
        margin-right: 30%
    }
}

@media only screen and (min-width: 768px) {
    .header h1 {
        margin-right: 50%
    }
}

.header .h2 {
    display: block;
    color: #00C9FF
}

.header img {
    max-width: 400px;
    width: 100%;
    height: auto;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .header img {
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        bottom: 0;
        max-width: 100%;
        width: auto;
        height: 100%
    }
}

.header p.larger {
    position: relative;
    color: black;
    margin-bottom: 30px;
    padding-bottom: 30px
}

.header p.larger:after {
    display: block;
    position: absolute;
    content: "";
    right: 40%;
    bottom: 0;
    left: 40%;
    width: 100%;
    max-width: 20%;
    height: 4px;
    background-color: #00C9FF;
    clear: inherit;
    z-index: -1
}

@media only screen and (min-width: 992px) {
    .header p.larger {
        margin-bottom: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width: 768px) {
    .header p.larger br {
        display: none
    }
}

@media only screen and (min-width: 600px) {
    .home-sect-01 .col-sm-600-6 {
        width: 50%;
        float: left
    }
}

@media only screen and (min-width: 768px) {
    .home-sect-01 .col-sm-6 {
        width: 50%
    }
}

@media only screen and (min-width: 992px) {
    .home-sect-01 .col-md-3 {
        width: 25%
    }
}

.home-sect-02 {
    position: relative;
    padding-bottom: 0
}

@media only screen and (min-width: 768px) {
    .home-sect-02 {
        background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B902b2ae6-712f-4613-b3b4-4ac555edd97c%7D_home-section-02-bg.png);
        /*remove extra image link*/
        background-position: center 0, -154px bottom;
        background-repeat: no-repeat, no-repeat;
        background-size: 1800px auto, auto 350px
    }
}

@media only screen and (min-width: 992px) {
    .home-sect-02 {
        background-position: center 0, center bottom;
        background-repeat: no-repeat, no-repeat;
        background-size: 2000px auto, auto 400px
    }
}

@media only screen and (min-width: 1024px) {
    .home-sect-02 {
        background-size: 2300px auto, auto 360px
    }
}

@media only screen and (min-width: 1200px) {
    .home-sect-02 {
        background-position: center 0, center bottom;
        background-size: 2800px auto, auto 500px
    }
}

@media only screen and (min-width: 375px) {
    .home-sect-02 {
        height: 625px;
    }
}

@media only screen and (min-width: 992px) {
    .home-sect-02 {
        height: 800px;
    }
}

@media only screen and (min-width: 1200px) {
    .home-sect-02 {
        height: 960px;
    }
}

@media only screen and (min-width: 1500px) {
    .home-sect-02 {
        height: 1000px;
        /*Added*/
        background-position: center 0, center bottom;
        background-size: 3400px auto, auto 500px
    }
}

.home-sect-02 .icon {
    width: auto;
    height: 60px;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .home-sect-02 .icon {
        height: 90px
    }
}

.home-sect-02 h4 {
    margin-bottom: 5px
}

.home-sect-02 p {
    margin-bottom: 25px
}

@media only screen and (min-width: 1200px) {
    .home-sect-02 p {
        font-size: 20px
    }
}

.home-sect-02 .cta {
    margin-bottom: 30px
}

.home-sect-02 .cta:hover,
.home-sect-02 .cta:active,
.home-sect-02 .cta:focus {
    border: 1px solid #00C9FF
}

.home-sect-02 .printer-img-holder {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .home-sect-02 .printer-img-holder {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center
    }
}

.home-sect-02 .printer-img-holder .printer-img {
    width: 100%;
    height: auto;
    margin-bottom: -10%;
    overflow: hidden
}

@media only screen and (min-width: 768px) {
    .home-sect-02 .printer-img-holder .printer-img {
        width: 768px;
        height: auto;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .home-sect-02 .printer-img-holder .printer-img {
        width: 992px
    }
}

@media only screen and (min-width: 1200px) {
    .home-sect-02 .printer-img-holder .printer-img {
        width: 1200px
    }
}

@media only screen and (min-width: 1500px) {
    .home-sect-02 .printer-img-holder .printer-img {
        width: 1100px;
        /*Change the image size*/
        margin-top: 50px;
        /*Added - shift the image down*/
    }
}

.home-sect-02 .icons-img-holder {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .home-sect-02 .icons-img-holder {
        display: none
    }
}

.home-sect-02 .icons-img-holder .icons-img {
    width: 100%;
    height: auto;
    margin-bottom: 30px
}

.home-sect-02 .text-right p {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .home-sect-02 .text-right p {
        margin-bottom: 50px
    }
}

@media only screen and (min-width: 992px) {
    .home-sect-02 .text-right p {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 1200px) {
    .home-sect-02 .text-right p {
        margin-bottom: 86px
    }
}

.home-sect-02 .section-a,
.home-sect-02 .section-b,
.home-sect-02 .section-c {
    position: relative
}

.home-sect-02 .section-a {
    z-index: 1;
    padding-bottom: 0;
    background-color: #ccc
}

@media only screen and (min-width: 768px) {
    .home-sect-02 .section-a {
        padding-top: 70px;
        background-color: transparent
    }
}

@media only screen and (min-width: 992px) {
    .home-sect-02 .section-a {
        padding-top: 100px
    }
}

@media only screen and (min-width: 1200px) {
    .home-sect-02 .section-a {
        padding-top: 135px
    }
}

@media only screen and (min-width: 1500px) {
    .home-sect-02 .section-a {
        padding-top: 150px;
        /*Edit*/
    }
}

@media only screen and (min-width: 414px) {
    .home-sect-02 .section-a .cta {
        margin-bottom: -40px
    }
}

@media only screen and (min-width: 768px) {
    .home-sect-02 .section-a .cta {
        margin-bottom: 20px/*Edit*/
    }
}

@media only screen and (min-width: 992px) {
    .home-sect-02 .section-a .cta {
        /*margin-bottom: 110px*/
        /*remove the padding bottom*/
    }
}

@media only screen and (min-width: 1200px) {
    .home-sect-02 .section-a .cta {
        /*margin-bottom: 170px*/
        /*remove the padding bottom*/
    }
}

@media only screen and (min-width: 1500px) {
    .home-sect-02 .section-a .cta {
        /*margin-bottom: 200px*/
        /*remove the padding bottom*/
    }
}

.home-sect-02 .section-b {
    z-index: 1;
    padding: 0
}

.home-sect-02 .section-b p {
    margin-bottom: 25px
}

@media only screen and (min-width: 992px) {
    .home-sect-02 .section-b p {
        margin-left: 100px
    }
}

@media only screen and (min-width: 992px) {
    .home-sect-02 .section-b span br {
        display: none
    }
}

.home-sect-02 .section-c {
    z-index: 0;
    padding: 0
}

@media only screen and (min-width: 992px) {
    .home-sect-02 .section-c p {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 768px) {
    .home-sect-02 .section-c .cta {
        margin-bottom: 50px;
        float: right
    }
}

@media only screen and (min-width: 992px) {
    .home-sect-02 .section-c .cta {
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 1200px) {
    .home-sect-02 .section-c .cta {
        margin-bottom: 90px
    }
}

@media only screen and (min-width: 1200px) and (max-height: 772px) {
    #zebras-certified .sub-text {
        margin-left: 16.66666667%
    }
}

#zebras-certified .header p.larger:after {
    left: 0
}

@media only screen and (min-width: 1200px) and (max-height: 772px) {
    #zebras-certified .header p.larger:after {
        left: 0
    }
}

@media only screen and (min-width: 1200px) and (max-height: 772px) {
    #zebras-certified .col-md-8.col-md-offset-0 {
        width: 66.66666667%;
        margin-left: 16.66666667%;
        text-align: center
    }
}

.zebras-certified-sect-01 {
    position: relative;
    z-index: 1;
    padding-top: 20px
}

@media only screen and (min-width: 1200px) {
    .zebras-certified-sect-01 {
        padding-top: 20px
    }
}

@media only screen and (min-width: 768px) {
    .zebras-certified-sect-01 .bg-img {
        position: absolute;
        width: 40%;
        height: 120%;
        top: -250px;
        bottom: 0;
        right: 0;
        background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B7023b63c-c06a-45b4-bd1c-aefab9e18407%7D_zebras-certified-section-01.jpg);
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
        z-index: 0
    }
}

@media only screen and (min-width: 992px) {
    .zebras-certified-sect-01 .bg-img {
        width: 45%;
        top: -230px
    }
}

.zebras-certified-sect-01 ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px
}

.zebras-certified-sect-01 ul li {
    line-height: 1;
    font-size: 17px;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .zebras-certified-sect-01 ul li {
        font-size: 18px
    }
}

@media only screen and (min-width: 992px) {
    .zebras-certified-sect-01 ul li {
        font-size: 20px
    }
}

@media only screen and (min-width: 1200px) {
    .zebras-certified-sect-01 ul li {
        font-size: 23px
    }
}

.zebras-certified-sect-01 ul li:before,
.zebras-certified-sect-01 ul li:after {
    content: "";
    display: table;
    clear: both
}

.zebras-certified-sect-01 ul li span {
    display: block;
    width: 65px;
    height: 65px;
    margin: 0 15px 15px 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    float: left
}

.zebras-certified-sect-01 ul li:nth-of-type(1) span {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Bf7cfc521-c470-47f6-93b4-fecf2750d6c0%7D_zebras-certified-icon-01.png)
}

.zebras-certified-sect-01 ul li:nth-of-type(2) span {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B84c4b98f-25c1-4b35-967d-fd0faddf31c0%7D_zebras-certified-icon-02.png)
}

.zebras-certified-sect-01 ul li:nth-of-type(3) span {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Bc73e3e4c-52d0-4571-b9a5-e557a0af1ca7%7D_zebras-certified-icon-03.png)
}

.zebras-certified-sect-01 ul li:nth-of-type(4) span {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Bf74131f3-a0c6-4dac-82ea-32ec72dd26de%7D_zebras-certified-icon-04.png)
}

.zebras-certified-sect-01 ul li:nth-of-type(5) span {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B92df8ca9-367d-48d0-9109-7e88350ac782%7D_zebras-certified-icon-05.png)
}

.zebras-certified-sect-01 ul li:nth-of-type(6) span {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B4efd527e-a480-40f8-9416-d2e0093fc623%7D_zebras-certified-icon-06.png)
}

.zebras-certified-sect-01 ul li strong {
    color: #00C9FF;
    font-family: "Proxima N W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1
}

.zebras-certified-sect-01 .cta:hover,
.zebras-certified-sect-01 .cta:active,
.zebras-certified-sect-01 .cta:focus {
    border: 1px solid #00C9FF
}

#industry-insight .container {
    position: relative;
    z-index: 2
}

#industry-insight h3 {
    position: relative;
    font-size: 22px
}

@media only screen and (min-width: 768px) {
    #industry-insight h3 {
        font-size: 24px
    }
}

@media only screen and (min-width: 992px) {
    #industry-insight h3 {
        font-size: 24px
    }
}

@media only screen and (min-width: 1200px) {
    #industry-insight h3 {
        font-size: 24px
    }
}

#industry-insight h3 span {
    display: block;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

@media only screen and (min-width: 768px) {
    #industry-insight h3 span {
        position: absolute;
        left: -75px;
        background-position: center 0
    }
}

@media only screen and (min-width: 1200px) {
    #industry-insight h3 span {
        position: absolute;
        width: 80px;
        height: 80px;
        left: -100px
    }
}

#industry-insight p:not(.larger) {
    margin-bottom: 20px
}

@media only screen and (min-width: 992px) {
    #industry-insight p:not(.larger) {
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 1200px) {
    #industry-insight p:not(.larger) {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 768px) {
    #industry-insight .cta {
        margin-bottom: 20px;
        /*Edit*/
    }
}

#industry-insight .img-holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ccc;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    #industry-insight .img-holder {
        left: 52%;
        right: 0;
        background-size: 150px auto, cover;
        background-position: left 0, center;
        background-repeat: no-repeat, no-repeat
    }
}

@media only screen and (min-width: 1200px) {
    #industry-insight .img-holder {
        background-size: 320px auto, cover
    }
}

#industry-insight .img-holder:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(204, 204, 204, 0.9)
}

@media only screen and (min-width: 768px) {
    #industry-insight .img-holder:after {
        display: none
    }
}

#industry-insight .industry-insight-sect-01,
#industry-insight .industry-insight-sect-02,
#industry-insight .industry-insight-sect-03,
#industry-insight .industry-insight-sect-04,
#industry-insight .industry-insight-sect-05 {
    background-color: #ccc
}

@media only screen and (min-width: 1200px) {
    #industry-insight .industry-insight-sect-01,
    #industry-insight .industry-insight-sect-02,
    #industry-insight .industry-insight-sect-03,
    #industry-insight .industry-insight-sect-04,
    #industry-insight .industry-insight-sect-05 {
        min-height: 475px
    }
}

#industry-insight .left-align {
    background-color: white
}

#industry-insight .left-align .cta:hover,
#industry-insight .left-align .cta:active,
#industry-insight .left-align .cta:focus {
    border: 1px solid #00C9FF
}

#industry-insight .left-align .cta-blue:hover,
#industry-insight .left-align .cta-blue:active,
#industry-insight .left-align .cta-blue:focus {
    border: 1px solid #0070c0
}

#industry-insight .left-align .cta-yellow1:hover,
#industry-insight .left-align .cta-yellow1:active,
#industry-insight .left-align .cta-yellow1:focus {
    border: 1px solid #ffc000
}

@media only screen and (min-width: 768px) {
    #industry-insight .left-align .img-holder {
        left: 0;
        right: 52%;
        background-size: 150px auto, cover;
        background-position: right 0, center;
        background-repeat: no-repeat, no-repeat
    }
}

@media only screen and (min-width: 1200px) {
    #industry-insight .left-align .img-holder {
        background-size: 320px auto, cover
    }
}

.icons-display {
    margin-top: -25px;
    margin-bottom: 0;
}

.icons-display .row {
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .icons-display .col-md-2 {
        width: 19.7%;
    }
}

#industry-insight .icons-display h3 {
    margin: 25px 0;
    font-size: 19px;
    line-height: 1.3;
    text-align: center;
}

.icons-display img {
    position: relative !important;
    width: 80px;
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .icons-display img {
        width: 60px;
    }
}

#industry-insight .left-align .img-holder:after {
    background-color: rgba(255, 255, 255, 0.9)
}

#industry-insight .industry-insight-sect-01 h3 span {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Bef3cfecc-1b51-4f08-971b-56d4e868e420%7D_industry-insight-icon-01.png)
}

#industry-insight .industry-insight-sect-01 .img-holder {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Bb042a71b-39a0-4211-9e31-75b0d007a382%7D_industry-insight-section-01-bg.jpg)
}

@media only screen and (min-width: 768px) {
    #industry-insight .industry-insight-sect-01 .img-holder {
        background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Be23649df-db4f-4e2b-9374-9dbc84c94b33%7D_angle-grey.png), url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B6ce23a58-9bef-4902-9b3d-c5589a22b763%7D_industry-insight-section-01-bg.jpg)
    }
}

#industry-insight .industry-insight-sect-02 h3 span {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B1280fbce-1f0c-45c7-b229-aef2e75d8b97%7D_industry-insight-icon-02.png)
}

#industry-insight .industry-insight-sect-02 .img-holder {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B3e177312-2e3a-4a9d-a09e-45bca092b0c7%7D_industry-insight-section-02-bg.jpg);
    background-position: right 0, right
}

@media only screen and (min-width: 768px) {
    #industry-insight .industry-insight-sect-02 .img-holder {
        background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Bb64967f2-cffb-42c6-b2c0-c38e21c10419%7D_angle-white.png), url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B3e177312-2e3a-4a9d-a09e-45bca092b0c7%7D_industry-insight-section-02-bg.jpg);
        background-position: right 0, right
    }
}

#industry-insight .industry-insight-sect-03 h3 span {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B28a1e043-7a3d-40e3-a8fd-444259e05640%7D_industry-insight-icon-03.png)
}
    
#industry-insight .industry-insight-sect-03 .img-holder {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Bc831381e-f433-4f6a-b239-ab52153fcb17%7D_industry-insight-section-03-bg.jpg)
}

@media only screen and (min-width: 768px) {
    #industry-insight .industry-insight-sect-03 .img-holder {
        background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Be23649df-db4f-4e2b-9374-9dbc84c94b33%7D_angle-grey.png), url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Bc831381e-f433-4f6a-b239-ab52153fcb17%7D_industry-insight-section-03-bg.jpg)
    }
}

#industry-insight .industry-insight-sect-04 h3 span {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B92339b30-3a78-4a4a-a20c-f87af48ce6fd%7D_industry-insight-icon-04.png)
}

#industry-insight .industry-insight-sect-04 .img-holder {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B4357dfc5-b539-4031-b01d-08b75103bd96%7D_industry-insight-section-04-bg.jpg)
}

@media only screen and (min-width: 768px) {
    #industry-insight .industry-insight-sect-04 .img-holder {
        background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Bb64967f2-cffb-42c6-b2c0-c38e21c10419%7D_angle-white.png), url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B4357dfc5-b539-4031-b01d-08b75103bd96%7D_industry-insight-section-04-bg.jpg)
    }
}

#industry-insight .industry-insight-sect-05 h3 span {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B685318cb-d368-44dd-8260-2e8f01065915%7D_industry-insight-icon-05.png)
}

#industry-insight .industry-insight-sect-05 .img-holder {
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B68c14d01-d6c4-442c-bc49-256c6b9ba9d8%7D_industry-insight-section-05-bg.jpg)
}

@media only screen and (min-width: 768px) {
    #industry-insight .industry-insight-sect-05 .img-holder {
        background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Be23649df-db4f-4e2b-9374-9dbc84c94b33%7D_angle-grey.png), url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B68c14d01-d6c4-442c-bc49-256c6b9ba9d8%7D_industry-insight-section-05-bg.jpg)
    }
}

#industry-insight .sub-footer {
    color: white;
    text-align: center;
    background-color: #999
}

@media only screen and (min-width: 768px) {
    #industry-insight .sub-footer {
        padding: 30px 0
    }
}

@media only screen and (min-width: 992px) {
    #industry-insight .sub-footer {
        padding: 40px 0
    }
}

@media only screen and (min-width: 1200px) {
    #industry-insight .sub-footer {
        padding: 50px 0
    }
}

#industry-insight .sub-footer h3 {
    font-size: 24px;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    #industry-insight .sub-footer h3 {
        font-size: 28px
    }
}

@media only screen and (min-width: 1200px) {
    #industry-insight .sub-footer h3 {
        font-size: 36px
    }
}

#industry-insight .sub-footer .cta {
    width: 226px;
    margin: 0
}

.cta {
    display: inline-block;
    color: white;
    padding: 10px 25px;
    border: 1px solid #00C9FF;
    background-color: #00C9FF;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.cta:after {
    font-family: "FontAwesome";
    content: "\f105";
    margin-left: 15px
}

.cta:hover,
.cta:active,
.cta:focus {
    color: #00C9FF;
    border: 1px solid white;
    background-color: white
}

.fselect {
    padding: 20px 25px !important;
    text-align: center;
    font-size: 20px !important;
    background-color: #666666;
    border-color: #666666;
}

.fselect:active,
.fselect:hover,
.fselect:focus {
    background-color: #00C9FF;
    border-color: #00C9FF;
    color: #FFFFFF;
}

.fselect-active {
    background-color: #00C9FF;
    border-color: #00C9FF;
}

.fselect:after {
    content: none;
    margin-left: 15px
}

.cta-yellow,
.cta-yellow1 {
    border-color: #ffc000;
    background-color: #ffc000;
}

.cta-yellow:active,
.cta-yellow:hover,
.cta-yellow:focus,
.cta-yellow1:active,
.cta-yellow1:hover,
.cta-yellow1:focus {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #ffc000;
}

.cta-yellow:after {
    content: none;
    margin-left: 15px
}

.cta-blue {
    background-color: #0070c0;
    border-color: #0070c0;
}

.cta-blue:active,
.cta-blue:hover,
.cta-blue:focus {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #0070c0;
}

@media only screen and (min-width: 1200px) {
    .cta {
        font-size: 18px;
        padding: 11px 36px
    }
}

#contact-modal iframe {
    width: 100%;
    height: 675px
}

@media only screen and (min-width: 600px) {
    #contact-modal iframe {
        height: 585px
    }
}

#form {
    padding: 15px;
    background: white
}

#form h1 {
    font-size: 22px;
    margin: 0
}

@media only screen and (min-width: 600px) {
    #form h1 {
        font-size: 34px
    }
}

@media only screen and (min-width: 880px) {
    #form h1 {
        font-size: 48px
    }
}

#form h1 span {
    display: block;
    font-size: 18px;
    line-height: 1;
    color: #00C9FF;
    margin: 0
}

@media only screen and (min-width: 600px) {
    #form h1 span {
        font-size: 25px
    }
}

@media only screen and (min-width: 880px) {
    #form h1 span {
        font-size: 35px
    }
}

#form .container {
    width: 100%
}

@media only screen and (min-width: 600px) {
    #form .container {
        margin: 0;
        padding: 0
    }
}

@media only screen and (min-width: 600px) {
    #form .form-table {
        display: table;
        width: 100%;
        margin: 0
    }
}

#form .form-table .form-col {
    min-height: 90px;
    padding: 0
}

@media only screen and (min-width: 600px) {
    #form .form-table .form-col {
        position: relative;
        display: table-cell;
        float: none
    }
}

#form .form-table .form-col .form-img {
    padding: 15px;
    background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7Bb9a1eec2-a8bc-4c52-b3f7-6d1326ba8e27%7D_contact-form-img.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

@media only screen and (min-width: 600px) {
    #form .form-table .form-col .form-img {
        position: absolute;
        width: 100%;
        height: 100%;
        min-height: 555px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 70px 25px 25px 25px
    }
}

@media only screen and (min-width: 880px) {
    #form .form-table .form-col .form-img {
        padding: 35px
    }
}

@media only screen and (min-width: 600px) {
    #form .form-table .col-sm-600-6 {
        width: 50%;
        padding: 0
    }
}

#contact-form {
    position: relative;
    padding: 15px
}

#contact-form .container {
    padding: 0
}

@media only screen and (min-width: 600px) {
    #contact-form .container .row {
        margin: 0
    }
}

#contact-form .form-group {
    padding: 0
}

#contact-form .fa-times {
    position: absolute;
    font-size: 32px;
    color: #c1c1c1;
    right: 15px;
    top: -30px;
    font-weight: 400;
    cursor: pointer
}

#contact-form h3 {
    margin-bottom: 7px
}

#contact-form p {
    font-size: 16px
}

#contact-form input[type="checkbox"] {
    display: block;
    vertical-align: middle;
    color: black;
    float: left;
    margin: 4px 10px 10px 0
}

#contact-form input[type="text"],
#contact-form input[type="tel"],
#contact-form input[type="email"] {
    border-radius: 0;
    border: 1px solid #dbd9d6;
    height: 40px;
    color: black;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none
}

#contact-form input[type="text"]:focus,
#contact-form input[type="tel"]:focus,
#contact-form input[type="email"]:focus {
    background-color: lightyellow
}

#contact-form .select {
    overflow: hidden
}

#contact-form .select:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 40px;
    padding: 8px 7px;
    content: '\f078';
    color: white;
    background-color: #333e47;
    font-family: FontAwesome;
    font-size: 16px;
    pointer-events: none
}

#contact-form .select select {
    border-radius: 0;
    border: 1px solid #dbd9d6;
    height: 40px;
    color: black;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none
}

#contact-form .select select:focus {
    background-color: lightyellow
}

#contact-form ::-webkit-input-placeholder {
    color: black;
    opacity: 1
}

#contact-form :-ms-input-placeholder {
    color: black;
    opacity: 1
}

#contact-form ::-ms-input-placeholder {
    color: black;
    opacity: 1
}

#contact-form ::placeholder {
    color: black;
    opacity: 1
}

#contact-form button {
    display: inline-block;
    color: #00C9FF;
    text-align: center;
    border: 3px solid #00C9FF;
    margin-bottom: 5px;
    padding: 10px 30px;
    background-color: white;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#contact-form button:after {
    font-family: "FontAwesome";
    content: "\f105";
    margin-left: 5px
}

#contact-form button:hover {
    color: white;
    background-color: #00C9FF
}

#contact-form .opt-in-holder {
    font-size: 14px
}

#contact-form .opt-in-holder label {
    font-weight: normal;
    margin-left: 10px
}

#contact-form .all-required {
    font-size: 12px
}

#contact-form label.error {
    position: absolute;
    top: -27px;
    right: 0;
    color: white;
    font-size: 12px;
    padding: 4px 10px;
    background-color: red;
    z-index: 10
}

#contact-form label.error:after {
    content: "";
    position: absolute;
    bottom: -12px;
    right: 10px;
    border-width: 12px 12px 0;
    border-style: solid;
    border-color: red transparent;
    display: block;
    width: 0
}

footer {
    position: relative;
    z-index: 2;
    color: white;
    padding: 25px 0;
    background-color: black
}

@media only screen and (min-width: 1200px) {
    footer {
        padding: 50px 0
    }
}

@media only screen and (min-width: 1500px) {
    footer {
        background-image: url(http://images.seemore.zebra.com/EloquaImages/clients/ZebraTechnologiesCorp/%7B53104e87-da18-4083-a719-095b07de026f%7D_footer-angle-bg.png);
        background-size: auto 100%;
        background-position: left 0;
        background-repeat: no-repeat
    }
}

footer .logo {
    padding: 0;
    max-width: 40px
}

footer nav {
    font-size: smaller;
    margin-bottom: 10px
}

footer nav a {
    color: white;
    text-decoration: none
}

footer nav a:active,
footer nav a:hover {
    color: white;
    text-decoration: underline
}

footer nav a:focus {
    outline: 0;
    text-decoration: none
}

footer p {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 0
}

footer p br {
    display: none
}

@media only screen and (min-width: 1200px) {
    footer p br {
        display: none
    }
}

.modal-dialog {
    display: table;
    height: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 768px) {
    .modal-dialog {
        width: 90%
    }
}

@media only screen and (min-width: 992px) {
    .modal-dialog {
        width: 900px
    }
}

.modal-dialog .modal-content {
    display: table-cell;
    width: 100vh;
    vertical-align: middle;
    background-color: transparent;
    border: 0;
    outline: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.modal-dialog .modal-content .modal-header {
    padding: 0;
    border-bottom: 0
}

.modal-dialog .modal-content .modal-header .close {
    color: white;
    font-weight: normal;
    outline: 0;
    margin: 15px;
    opacity: 1
}

.modal-dialog .modal-content .modal-header .close span:after {
    font-family: FontAwesome;
    content: '\f00d';
    text-align: center
}

.modal-dialog .modal-content .modal-body {
    padding: 0 10px 10px 10px
}

@media only screen and (min-width: 768px) {
    .modal-dialog .modal-content .modal-body {
        text-align: left
    }
}

.modal-dialog .modal-content .modal-body #form-holder {
    display: block;
    width: 100%;
    height: 1120px;
    border: 0;
    margin: 0;
    padding: 0
}

.modal-dialog .modal-content .modal-body h3 {
    color: #00C9FF
}

@media only screen and (min-width: 768px) {
    .modal-dialog .modal-content .modal-body h3 {
        font-size: 36px
    }
}

.modal-dialog .modal-content .modal-body img {
    width: 100%;
    max-width: 220px;
    margin: 0 auto 20px
}

@media only screen and (min-width: 768px) {
    .modal-dialog .modal-content .modal-body img {
        max-width: 100%
    }
}

.modal-backdrop.in {
    opacity: 0.9
}


/* Forms Style */

.form input,
textarea,
select {
    border-radius: 0 !important;
}

.form label {
    font-size: 18px;
    margin-bottom: 15px;
}

.form .form-group {
    margin-bottom: 20px;
}

.form .form-control {
    box-shadow: none;
}

.form .form-control:focus {
    border-color: #00C9FF;
    box-shadow: none;
}

.form .checkbox {
    margin-bottom: 35px;
}

.form .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.form .checkbox .checkbox-inline {
    padding-left: 40px;
}

.form .checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0px;
    height: 25px;
    width: 25px;
    border: 1px solid #ccc;
}

.form .checkbox input:checked~.checkmark {
    background-color: #FFFFFF;
    border: 1px solid #00C9FF;
}

.form .checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.form .checkbox input:checked~.checkmark:after {
    display: block;
}

.form .checkbox .checkmark:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #00C9FF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form .checkbox .text-input {
    display: inline-block;
    position: relative;
    height: inherit;
    width: inherit;
    border: none;
    border-bottom: 1px solid #ccc;
    opacity: 1;
    margin-left: 10px;
}

.container-flex {
    display: flex;
    flex-direction: row;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
}

.container-flex .input-lg {
    height: 35px !important;
}

.width-01 {
    flex-basis: 60%;
}

.container-flex .width-01,
.container-flex .width-02,
.container-flex .width-03,
.container-flex .width-04,
.container-flex .width-05,
.container-flex .width-06 {
    margin-bottom: 30px;
}

.width-02 {
    flex-basis: 120%;
}

.width-03 {
    flex-basis: 100%;
}

.width-04 {
    flex-basis: 100%;
}

@media only screen and (max-width: 768px) {
    .container-flex {
        display: block;
    }
    .width-02,
    .width-03,
    .width-04 {
        flex-basis: auto;
    }
    .form .checkbox .text-input {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .container-flex .width-01,
    .container-flex .width-02,
    .container-flex .width-03,
    .container-flex .width-04,
    .container-flex .width-05 {
        margin-bottom: 0;
    }
}

.divider {
    margin: 20px 0 40px;
    border: 1px solid #ccc;
}

.red {
    color: red;
}

.anchor-landing {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}